<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>轻松旅游</title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css" />
		<script type="text/javascript" src="./bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="./bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="./js/index.js"></script>
	</head>
	<body>
		<header class="container-fluid container">
			<div class="row paddtop">

				<div class="col-md-1">
					<img src="img/狮子猫.png" class="img-responsive" width="60px" height="50px" />
				</div>
				<div class="col-md-1">
					<img src="img/狮子猫.png" class="img-responsive" width="60px" height="50px" />
				</div>
				<div class="col-md-1">
					<img src="img/狮子猫.png" class="img-responsive" width="60px" height="50px" />
				</div>
				<div class="col-md-5">
					<input class="" type="text" placeholder="请输入路线" size="45^45"/>
					<a class="btn btn-danger" href="#">搜索</a>
				</div>
				<div class="search-bth2">
					<a href="">我的收藏</a>
				</div>
				<div class="col-md-2 search-bth2">
					<a href="login.html">登录</a>
				</div>
			</div>

			<!-- 导航栏 -->
			<ul class="nav nav-tabs nav-justified ">
				<li role="presentation" style="background-color: #ffc900;"><a href="hotel.html">酒店</a></li>
				<li role="presentation" style="background-color: #ffc900; "><a href=""> 景点</a></li>			
				<li role="presentation" style="background-color: #ffc900;"><a href="">收藏</a></li>
				<li role="presentation" style="background-color: #ffc900;"><a href="">订购</a></li>
				<li role="presentation" style="background-color: #ffc900;"><a href="">风景欣赏</a></li>																								
			</ul>
			<div class="row">
				<!-- 轮播图 -->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					</ol>
					<div class="carousel-inner" role="listbox">
						<div class="item active ">
							<img src="./img/banner_1.jpg" class="img-responsive">
						</div>
						<div class="item">
							<img src="./img/banner_2.jpg" class="img-responsive">
						</div>
						<div class="item">
							<a href="https://sw.lijiangtour.com/">
								<img src="./img/banner_3.jpg" class="img-responsive">
							</a>
						</div>
					</div>
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
		</header>

		<div class="container">
			<div class="row jx">
				<span>旅游精选</span>
			</div>
			<div class="row paddtop">
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="img/jiangxuan_4.jpg" />
						<p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</p>
						<font color="red">￥999</font>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="images/b1.jpg" />
						<p>暑假广州往返 全国联运陪你一起长大 英国10天8晚<br><br></p>
						<font color="red">￥11999</font>

					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="images/b2.jpg" />
						<p>厦门鼓浪屿、曾厝垵，环岛路，集美学村，老院子/灵玲马戏，灵玲动物王国<br><br></p>
						<font color="red">￥999</font>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="images/b3.jpg" />
						<p>青海初遇西北 青甘大环线8日游 敦煌莫高窟 茶卡盐湖 翡翠湖 星空营地<br><br></p>
						<font color="red">￥999</font>
					</div>
				</div>
			</div>

			<div class="row jx">
				<span>国内游</span>
			</div>

			<div class="row paddtop">
				<div class="col-md-4">
					<div class="thumbnail">
						<img style="height:450px" src="images/chi.jpg" />
					</div>
				</div>
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-4">
							<div class="thumbnail">

								<img src="images/b4.jpg" />
								<p>韩国缤纷韩国首尔 济州岛<br><br></p>
								<font color="red">￥999</font>

							</div>
						</div>

						<div class="col-md-4">
							<div class="thumbnail">
								<img src="images/b5.jpg" />
								<p>纯玩美食明洞酒店韩国首尔美食纯玩5天4晚</p>
								<font color="red">￥999</font>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img src="images/b6.jpg" />
								<p>韩国首尔，冬季南怡岛，江村滑雪乐园，米其林美食，韩国高端纯玩</p>
								<font color="red">￥999</font>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<div class="thumbnail">
								<img src="images/b7.jpg" />
								<p> 唯美5天品质游缤纷韩国（首尔 江源道 南怡岛）</p>
								<font color="red">￥999</font>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img src="images/b8.jpg" />
								<p>尊享日本本洲6日游<br><br></p>
								<font color="red">￥999</font>
							</div>
						</div>
						<div class="col-md-4">
							<div class="thumbnail">
								<img src="img/jiangxuan_3.jpg" />
								<p> 上海直飞三亚5天4晚自由行</p>
								<font color="red">￥999</font>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer class="container-fluid">
			<div class="container">
				<img src="img/footer_service.png" class="img-responsive" />
			</div>
			<div class="row">
				<div class="footstyle">
					<p>&copy;32302140245王余轩版权所有 </p>
				</div>
			</div>
		</footer>
	</body>
</html>
